<template>
	<view class="wallet">
		<custom-navi :show-home="false" background='rgba(0, 144, 250, 1)'>钱包管理</custom-navi>
		<view class="wallet-list" v-for="(item,index) in dataList" :key="index" @tap="walletBtn(item)">
			<view class="icon"><image :src="item.icon" mode=""></image></view>
			<view class="txt">{{item.title}}</view>
			<view class="right"><image src="/static/ic/rightHui.png" mode=""></image></view>
		</view>
	</view>
</template>

<script>
	export default{
		data(){
			return{
				dataList:[
					{title:'银行卡管理',url:'bankCard/index',icon:'/static/richTxt/yinhk.png'},
					{title:'提现密码修改',url:'extractPwd/index',icon:'/static/richTxt/anqian.png'}
				]
			}
		},
		onLoad() {
			
		},
		methods:{
			walletBtn(item){
				uni.navigateTo({
					url:item.url
				})
			}
		}
	}
</script>

<style lang="scss">
	.wallet{
		&-list{
			padding: 38rpx 52rpx;
			display: flex;
			align-items: center;
			border-bottom:2rpx solid rgba(229,234,238,1);
			.icon{
				width: 64rpx;
				height: 44rpx;
				image{
					width: 100%;
					height: 100%;
				}
			}
			.txt{
				font-size:32rpx;
				font-family:Source Han Sans CN;
				font-weight:400;
				color:rgba(63,63,63,1);
				opacity:1;
				margin-left: 64rpx;
			}
			.right{
				margin-left: auto;
				width:30rpx;
				height:40rpx;
				image{
					width: 100%;
					height: 100%;
				}
			}
		}
		&-list:last-child{
			.icon{
				// display: none;
				width: 60rpx;
				height: 64rpx;
				image{
					width: 60rpx;
					height: 64rpx;
				}
			}
		}
	}
</style>
